<!DOCTYPE html>
<html>
<head th:include="include/css-head :: css-head">
</head>
<body>
<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
  	首页
    <small>HOME</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
    <li class="active">图表鉴赏</li>
  </ol>
</section>

<!-- Main content -->
<section class="content">
<h1>欢迎，<span th:text="${session.SESSION_USER.name}">管理员</span></h1>
<div class="row">
 <!--       <div class="col-md-6">
          &lt;!&ndash; AREA CHART &ndash;&gt;
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">Area Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body">
              <div class="chart">
                <canvas id="areaChart" style="height:250px"></canvas>
              </div>
            </div>
            &lt;!&ndash; /.box-body &ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

          &lt;!&ndash; DONUT CHART &ndash;&gt;
          <div class="box box-danger">
            <div class="box-header with-border">
              <h3 class="box-title">Donut Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body">
              <canvas id="pieChart" style="height:250px"></canvas>
            </div>
            &lt;!&ndash;&lt;!&ndash; /.box-body &ndash;&gt;&ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

        </div>
        &lt;!&ndash; /.col (LEFT) &ndash;&gt;
        <div class="col-md-6">
          &lt;!&ndash; LINE CHART &ndash;&gt;
          <div class="box box-info">
            <div class="box-header with-border">
              <h3 class="box-title">Line Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body">
              <div class="chart">
                <canvas id="lineChart" style="height:250px"></canvas>
              </div>
            </div>
            &lt;!&ndash; /.box-body &ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

          &lt;!&ndash; BAR CHART &ndash;&gt;
          <div class="box box-success">
            <div class="box-header with-border">
              <h3 class="box-title">Bar Chart</h3>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                </button>
                <button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
              </div>
            </div>
            <div class="box-body">
              <div class="chart">
                <canvas id="barChart" style="height:230px"></canvas>
              </div>
            </div>
            &lt;!&ndash;&lt;!&ndash; /.box-body &ndash;&gt;&ndash;&gt;
          </div>
          &lt;!&ndash; /.box &ndash;&gt;

        </div>
        &lt;!&ndash; /.col (RIGHT) &ndash;&gt;-->
</div>
</section>
<script th:src="@{/static/bower_components/jquery/dist/jquery.min.js}"></script>
<script th:src="@{/static/bower_components/chart.js/Chart.js}"></script>
<script th:src="@{/static/bower_components/raphael/raphael.min.js}"></script>
<script th:src="@{/static/bower_components/fastclick/lib/fastclick.js}"></script>
<script th:src="@{/static/bower_components/morris.js/morris.min.js}"></script>
<script th:src="@{/static/bower_components/Flot/jquery.flot.js}"></script>
<script th:src="@{/static/bower_components/Flot/jquery.flot.resize.js}"></script>
<script th:src="@{/static/bower_components/Flot/jquery.flot.pie.js}"></script>
<script th:src="@{/static/bower_components/Flot/jquery.flot.categories.js}"></script>
<script th:src="@{/static/js/demochart.js}"></script>

</body>
</html>
